/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.nd-machine,img {
    width:100%
}
.danmu,.nd-combo,.nd-exit,.nd-flash-wrapper,.nd-poster,.nd-switch-indicate,.nd-switch-indicate img {
    pointer-events:none
}
body,mark {
    color:#000
}
.mask,.mask-bg,.mask-result-pic {
    text-align:center
}
html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],template {
    display:none
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,optgroup,strong {
    font-weight:700
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
.page,.page-flash {
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute
}
.nd-flash-wrapper,.nd-switch {
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0)
}
img {
    border:0;
    height:auto
}
.danmu,.nd,.nd-award-wrapper,.nd-detail,.nd-model-btn,svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre,textarea {
    overflow:auto
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}
body,html {
    line-height:1.2
}
body,h1,h2,h3,h4,h5,h6 {
    font-weight:400
}
.barrage,.nd-model-text {
    font-weight:700;
    color:#fff
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,th {
    padding:0
}
.vertical-align-middle {
    vertical-align:middle;
    display:inline-block
}
@media only screen and (min-width:280px) {
    html {
        font-size:38.89px
    }
}@media only screen and (min-width:320px) {
    html {
        font-size:44.44px
    }
}@media only screen and (min-width:360px) {
    html {
        font-size:50px
    }
}@media only screen and (min-width:400px) {
    html {
        font-size:55.56px
    }
}@media only screen and (min-width:440px) {
    html {
        font-size:61.11px
    }
}@media only screen and (min-width:480px) {
    html {
        font-size:66.67px
    }
}@media only screen and (min-width:520px) {
    html {
        font-size:72.22px
    }
}@media only screen and (min-width:560px) {
    html {
        font-size:77.78px
    }
}@media only screen and (min-width:600px) {
    html {
        font-size:83.33px
    }
}@media only screen and (min-width:640px) {
    html {
        font-size:88.89px
    }
}@media only screen and (min-width:680px) {
    html {
        font-size:94.44px
    }
}@media only screen and (min-width:720px) {
    html {
        font-size:100px
    }
}@media only screen and (min-width:760px) {
    html {
        font-size:105.56px
    }
}@media only screen and (min-width:800px) {
    html {
        font-size:111.11px
    }
}@media only screen and (min-width:840px) {
    html {
        font-size:116.67px
    }
}@media only screen and (min-width:880px) {
    html {
        font-size:122.22px
    }
}@media only screen and (min-width:920px) {
    html {
        font-size:127.78px
    }
}@media only screen and (min-width:960px) {
    html {
        font-size:133.33px
    }
}@media only screen and (min-width:1000px) {
    html {
        font-size:138.89px
    }
}@media only screen and (min-width:1040px) {
    html {
        font-size:144.44px
    }
}@media only screen and (min-width:1080px) {
    html {
        font-size:150px
    }
}@media only screen and (min-width:1120px) {
    html {
        font-size:155.56px
    }
}@media only screen and (min-width:1160px) {
    html {
        font-size:161.11px
    }
}@media only screen and (min-width:1200px) {
    html {
        font-size:166.67px
    }
}@media only screen and (min-width:1240px) {
    html {
        font-size:172.22px
    }
}@media only screen and (min-width:1280px) {
    html {
        font-size:177.78px
    }
}@media only screen and (min-width:1320px) {
    html {
        font-size:183.33px
    }
}@media only screen and (min-width:1360px) {
    html {
        font-size:188.89px
    }
}@media only screen and (min-width:1400px) {
    html {
        font-size:194.44px
    }
}@media only screen and (min-width:1440px) {
    html {
        font-size:200px
    }
}@media only screen and (device-width:320px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size:88.89px
    }
}@media only screen and (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size:104.17px
    }
}@media only screen and (device-width:414px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size:115px
    }
}@media only screen and (device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size:213.33px
    }
}a,article,aside,body,button,div,footer,header,html,img,input,li,p,section,span,textarea,ul {
     margin:0;
     padding:0;
     -webkit-box-sizing:border-box;
     box-sizing:border-box
 }
body {
    background:#fff;
    font-family:"Droid Sans","wenquanyi micro hei","Hiragino Sans GB",sans-serif,Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Hiragino Sans GB W3",FontAwesome;
    font-size:.2rem;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
a,a:active,a:hover,a:link,a:visited {
    text-decoration:none
}
.clear {
    display:table;
    clear:both
}
.clear:after,.clear:before {
    content:'';
    display:table;
    clear:both
}
.page {
    webkit-perspective:1000;
    background:url(../img/nd_bg.jpg) no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
.page-flash {
    opacity:0;
    background:#fff;
    z-index:-999
}
.page-flash.animated {
    z-index:9999;
    display:block;
    -webkit-animation:white_flash .2s ease-in;
    animation:white_flash .2s ease-in;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.nd-flash-wrapper,.nd-switch {
    top:50%
}
.nd-switch-indicate {
    position:relative;
    width:100%;
    height:100%
}
.nd-exit,.nd-flash-wrapper,.nd-switch,.nd-switch img {
    position:absolute
}
.nd-flash {
    background:url(../img/nd11.png) 50% 50% no-repeat
}
.nd-flash.animated {
    -webkit-animation-duration:.2s;
    animation-duration:.2s
}
.nd-flash-wrapper {
    transform:translate3d(-50%,-50%,0);
    -webkit-background-size:2.6rem auto;
    background-size:2.6rem auto
}
.nd-switch {
    transform:translate3d(-50%,-50%,0)
}
.nd-switch img {
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.nd-exit {
    bottom:7%;
    background:url(../img/nd7.png) no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
.nd-award-wrapper {
    position:relative;
    top:15%;
    left:11%;
    width:80%;
    height:60%
}
.mask-bg,.nd-award,.nd-combo,.nd-detail {
    position:absolute
}
.nd-award-wrapper.animated .nd-award {
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
.nd-award-wrapper img {
    width:100%
}
.nd-award {
    top:-1rem;
    width:1rem;
    height:1.1rem;
    background:url() no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
.nd-detail {
    left:7%;
    display:block;
    width:85%
}
.danmu,.mask {
    top:0;
    left:0
}
.nd-wrapper {
    /*position:relative;*/
    width:100%;
    /*height:100%;*/
    overflow: hidden;
}



.btnWrap{
    width: 100%;
    /*height: 10%;*/
    position: fixed;
    bottom: 0;
    left: 0;
    /*background: url("../../img/bj.png") no-repeat no-repeat;*/
    /*background-size: 100% 100%;*/
    overflow: hidden;
    z-index: 99999;
    display: none;
}

.btnWrap .btnWrapBj{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.btnWrap .tenBtn{
    float: left;
    width: 40%;
    margin:0 5%;
    /*height: 0.8rem;*/
    /*background: #fff;*/
    font-size: 0.3rem;
    text-align: center;
    /*line-height: 0.8rem;*/
    border-radius: 0.4rem;
    /*margin-top: 0.2rem;*/
}

.layuiAlert{
    min-width: 20%;
    text-align: center;
    background: rgba(0,0,0,0.7);
    font-size: 0.25rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
    z-index: 99999999999;
    line-height: 0.4rem;
    padding: 0.15rem 0.1rem;
    border-radius: 0.05rem;
    display: none;
}

.btnWrap .oneBtn{
    float: left;
    width: 40%;
    margin:0 5%;
    /*height: 0.8rem;*/
    /*background: #fff;*/
    /*margin-bottom: 0.5rem;*/
    font-size: 0.3rem;
    text-align: center;
    /*line-height: 0.8rem;*/
    border-radius: 0.4rem;
    /*margin-top: 0.2rem;*/
}

.nd{
    overflow: initial;
}

.cut{
    width: 6rem;
    height: 1.14rem;
    /*background: url("../img2/hyt.png") no-repeat no-repeat;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    top: -0.8rem;
    left: 50%;
    /*z-index: -1;*/
   transform: translateX(-50%);
    overflow: hidden;
    display: none;
}

.cut .cutbj{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cut .cutLeft{
    width: 38%;
    float: left;
    font-size: 0.31rem;
    line-height: 0.94rem;
    text-align: center;
    font-weight: normal;
    color: #ffffff;
}

.cut .cutCenter{
    width: 24%;
    height: 1rem;
    float: left;
}

.cut .cutLeft span{
    font-size: 0.58rem;
    color: #FFD200;
}

.cut .cutRight{
    width: 38%;
    float: right;
    text-align: center;
    font-size: 0.31rem;
    font-weight: normal;
    line-height: 1rem;
    color: #ffffff;
    overflow: hidden;
}

.cut .cutRight .CountSum{
    vertical-align: middle;
}

.cut .cutRight img{
    width: 0.38rem;
    margin-left: 0.35rem;
    vertical-align: middle;
    /*float: right;*/
}



.conAlert{
    width: 100%;
    overflow: hidden;
    display: none;
}

#closebutAlert{
    float: right;
    width: 0.5rem;
}

#conAlert .butAlert{
    width: 100%;
    background: #FFFFFF;
    padding: 0.27rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    /*overflow: hidden;*/
}

#conAlert .butAlert .shDetail{
    width: 100%;
    margin-top: 0.1rem;
    overflow: hidden;
}

#conAlert .butAlert .shDetail .left{
    float: left;
    width: 1.55rem;
    height: 1.55rem;
}

#conAlert .butAlert .shDetail .left img{
    width: 100%;
}

#conAlert .butAlert .shDetail .right{
    width: 4.95rem;
    float: right;
    font-size: 0.29rem;
    line-height: 0.47rem;
    overflow: hidden;
}

#conAlert .butAlert .shDetail .right img{
    width: 0.6rem;
    vertical-align: middle;
}

#conAlert .butAlert .shDetail .right .name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#conAlert .butAlert .shDetail .right .buyPrice{
    font-size: 0.58rem;
    color: #FF6000;
    font-weight: bold;
}

#conAlert .butAlert .shDetail .right .buyPrice span{
    vertical-align: middle;
}

#conAlert .alertInfo{
    color: #808080;
    width: 100%;
    padding:0.1rem 0 0 0;
    margin-top: 0.2rem;
    font-size: 0.29rem;
    overflow: hidden;
}

#conAlert .alertConsent{
    margin-top: 0.2rem;
    font-size: 0.2rem;
}

#conAlert .payNum{
    width: 50%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.33rem;
    float: left;
}

#conAlert .affirmBuy{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.33rem;
    border-radius: 0.4rem;
    margin-top: 0.2rem;
    text-align: center;
    background: #FFD200;
    overflow: hidden;
}

#conAlert .yue{
    width: 55%;
    height: 1.20rem;
    line-height: 1.30rem;
    background: url('https://api.odancool.com/weixinapp/res/img/yhbq.png') no-repeat no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -1rem;
    left: 0;
    font-size: 0.29rem;
    font-weight: bold;
    padding-left: 1rem;
    overflow: hidden;
}

#conAlert .yueName{
    float: left;
}

#conAlert .yueright{
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top: 0.4rem;
    text-align: center;
    margin-left: 0.15rem;
    background: #fff;
    border-radius: 0.25rem;
    float: left;
    padding: 0 0.1rem;
    color: #FF6000;
    font-size: 0.29rem;
    font-weight: bold;
}

#conAlert .yueright img{
    width: 0.29rem;
    vertical-align: middle;
}

#conAlert .yueright span{
    vertical-align: middle;
}

#conhgAlert .checktype{
    width: 100%;
    padding:  0 5%;
}

#conhgAlert .checktype p{
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    border-radius: 0.5rem;
    border: 2px solid #CACACA;
    margin-top: 0.2rem;
    position: relative;
    overflow: hidden;
}

#conhgAlert .checktype p img{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

#conhgAlert .checktype .active{
    border: 2px solid #FFD200;
}

#conhgAlert .checktype .active img{
    display: block;
}

.alertIndex{
    position: fixed;
    width: 100%;
    background: #ffffff;
    font-size: 0.3rem;
    bottom: 0;
    left: 0;
    z-index: 1111111111;
    overflow: hidden;
}

#conAlert .alertIndex{
    position: fixed;
    width: 80%;
    background: #ffffff;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    z-index: 1111111111;
    overflow: hidden;
}

.indexBack{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 311111;
    background: rgba(0,0,0,0.5);
}

.topName{
    padding: 5%;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 500;
    margin-bottom: 0.2rem;
    background: url("../../img/tsbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.notice{
    padding: 5% 5% 0;
    color: #FF0000;
    font-size: 0.2rem;
}

.leftRight{
    padding: 0 5% 5%;
    width: 100%;
    margin-top: 0.5rem;
    overflow: hidden;
}

.leftRight .left{
    width: 40%;
    float: left;
    height: 0.6rem;
    margin-left: 5%;
    border-radius: 0.3rem;
    line-height: 0.6rem;
    text-align: center;
    background: #E7E7E7;
}

.leftRight .right{
    width: 40%;
    float: right;
    height: 0.6rem;
    margin-right: 5%;
    border-radius: 0.3rem;
    line-height: 0.6rem;
    text-align: center;
    background: #FFD200;
}

.topInfo{
    line-height: 0.5rem;
    padding:  0 5%;
}

@keyframes que {
    /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
    0%{
        /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.imgAnimate{
    /*animation (动画) :绑定选择器, 4s完成动画 linear(匀速) infinite(循环) */
    animation: que 1s linear;
}

.prizeList{
    width: 100%;
    padding: 0.3rem;
    margin-bottom: 1.5rem;
    background: #ffffff;
    overflow: hidden;
}

.prizeList .top{
    width: 100%;
    overflow: hidden;
}

.prizeList  .top .djyl{
    width: 40%;
}

.prizeList  .top .sx{
    width: 10%;
    float: right;
}

.prizeUl{
    width: 100%;
    overflow: hidden;
}

.prizeUl li{
    width: 30%;
    height: 2rem;
    margin-top: 0.2rem;
    border-radius: 0.1rem;
    margin-left: 2.5%;
    list-style: none;
    float: left;
    position: relative;
    overflow: hidden;
}

.prizeUl li .lastWFitst{
    width: initial;
    height: 0.5rem;
    position: absolute;
    bottom: 0.4rem;
    left: 0.05rem;
}

.prizeUl li .leftTop{
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 0.4rem;
    background: #FFD200;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.4rem;
    border-radius: 0  0 0.2rem 0;
    overflow: hidden;
}

.prizeUl li .name{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 0.25rem;
    color: #fff;
    height: 0.5rem;
    padding: 0 0.1rem;
    line-height: 0.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.5));
    overflow: hidden;
}


.prizeUl .zIndex{
    position: absolute;
    z-index: 1;
    width: 100%;
    height:2rem;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}



.nd-wrapper.animated {
    -webkit-animation-duration:50ms;
    animation-duration:50ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:shake;
    animation-name:shake;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}

.niudanNav{
    width: 100%;
    height: 1rem;
    /*background: #ffffff;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    overflow: hidden;
}

.niudanNav .goBlack{
    width: 0.5rem;
    margin-top: 0.25rem;
    margin-left: 0.25rem;
    float: left;
}

.niudanNav .danjiName{
    width: 70%;
    height: 1rem;
    float: left;
    margin-left: 0.1rem;
}

.niudanNav .danjiName .name{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    /*text-wrap: initial;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.28rem;
    color: #ffffff;
    overflow: hidden;
}

.danjiJE{
    width: 100%;
    margin-top: -0.05rem;
    overflow: hidden;
}

.danjiJE .danjiLi{
    float: left;
    width: 33%;
    color: #ffffff;
    font-size: 0.2rem;
}

.danjiJE .danjiLi img{
    float: left;
    width: 0.4rem;
    margin-top: 0.05rem;
}

.danjiJE .danjiLi span{
    float: left;
    width: 1.1rem;
    height: 0.5rem;
    margin-left: 0.1rem;
    line-height: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*vertical-align: middle;*/
}

.niudanNav .danmuImg{
    width: 0.5rem;
    margin-left: 0.1rem;
    margin-top: 0.25rem;
    float: left;
}

.getDm{
    width: 100%;
    overflow: hidden;
    display: none;
}

.dmalertIndex{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.dmcontent{
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000000;
    border-radius: 0.1rem;
    padding: 0.2rem;
    font-size: 0.25rem;
    background: #ffffff;
}

.dmcontent .dmtitle{
    font-weight: 600;
    /*font-size: 0.3rem;*/
}

.dmcontent textarea{
    width: 100%;
    padding: 0.1rem 0.2rem;
    height: 2rem;
    resize: none;
    border: none;
    cursor: pointer;
    outline: none;
    border-bottom: 2px solid #009f95;
}

.dmcontent .dmBtn{
    width: 1.5rem;
    height: 0.7rem;
    text-align: center;
    line-height: 0.7rem;
    font-size: 0.3rem;
    border-radius: 0.1rem;
    background: #999999;
    margin: 0 auto;
    margin-top: 0.2rem;
}

.alertWrap{
    display: none;
}

.alertWrap .alertWrapIndex{
    position: fixed;
    width: 80%;
    background: #ffffff;
    border-radius: 0.3rem;
    font-size: 0.32rem;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    z-index: 1111111111;
    overflow: hidden;
}

.alertWrap .topName{
    padding: 5%;
    text-align: center;
    font-size: 0.35rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    background: url("../../img/tsbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
}

.alertWrap .notice{
    padding: 5% 5% 0;
    color: #FF0000;
    font-size: 0.2rem;
}

.alertWrap .leftRight{
    padding: 0 5% 5%;
    width: 100%;
    margin-top: 0.5rem;
    overflow: hidden;
}

.alertWrap .leftRight .left{
    width: 40%;
    float: left;
    height: 1.2rem;
    margin-left: 5%;
    border-radius: 0.6rem;
    line-height: 1.2rem;
    text-align: center;
    background: #E7E7E7;
}

.alertWrap .leftRight .right{
    width: 40%;
    float: right;
    height: 1.2rem;
    margin-right: 5%;
    border-radius: 0.6rem;
    line-height: 1.2rem;
    text-align: center;
    background: #FFD200;
}

#cancel{
    width: 45%;
    text-align: center;
    height: 0.8rem;
    margin-right: 5%;
    border-radius: 0.4rem;
    line-height: 0.8rem;
    background: #E7E7E7;
    float: left;
}

#conBtn2{
    float: right;
    width: 45%;
    text-align: center;
    height: 0.8rem;
    margin-right: 5%;
    border-radius: 0.4rem;
    line-height: 0.8rem;
    background: #FFD200;
}

.cutDanji{
    display:none;
    /*opacity:0;*/
    width: 100%;
    overflow: hidden;
}

.cutDanji .indexAlert{
    width: 100%;
    height: 100%;
    position:fixed;
    right:0;
    bottom:0;
    z-index:999999;
    background:rgba(0,0,0,.5);
}

.cutDanji .cutDanjiList{
    width: 100%;
    margin-top: 0.21rem;
    margin-bottom: 0.6rem;
    overflow: hidden;
}

.cutDanji .cutDanjiList li{
    float: left;
    width: 22.5%;
    height: 1.04rem;
    background: url("../img2/xzbj.png") no-repeat no-repeat;
    background-size: 100% 100%;
    margin-top: 0.15rem;
    border-radius: 0.1rem;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
}

.cutDanji .cutDanjiList li .zIndex{
    position: absolute;
    width: 100%;
    height: 1.04rem;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

.cutDanji .cutDanjiList li .cutName{
    position: absolute;
    bottom: 0.07rem;
    left: 0.1rem;
    font-size: 0.25rem;
    font-weight: bold;
    color: #C38A3C;
}

.cutDanji .cutDanjiList li img{
    width: 100%;
    border-radius: 0.1rem;
}

.shareWrap{
    display:none;
    /*opacity:0;*/
    width: 100%;
    overflow: hidden;
}

.shareWrap .indexAlert{
    width: 100%;
    height: 100%;
    position:fixed;
    right:0;
    bottom:0;
    z-index:999999;
    background:rgba(0,0,0,.5);
}

.sharePic{
    width: 60%;
    position: fixed;
    bottom: 5rem;
    left: 20%;
    z-index:9999999;
}

.bottom{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0.21rem 0;
    background: #ffffff;
    font-size: 0.25rem;
    z-index:9999999;
}

.bottom .name{
    text-align: center;
    font-size: 0.4rem;
}

.bottom .shareIcon{
    width: 100%;
    overflow: hidden;
}

.bottom .shareIconLi{
    float: left;
    width: 20%;
    margin-left: 5%;
    text-align: center;
    margin-top: 0.3rem;
    overflow: hidden;
}

.bottom .shareIconLi img{
    width: 70%;
}
.bottom .shareIconLi img{
    margin-top: 0.2rem;
}

.mask {
    display:none;
    opacity:0;
    position:fixed;
    right:0;
    bottom:0;
    z-index:99999;
    background:rgba(0,0,0,.8);
    -webkit-perspective:1200px;
    perspective:1200px;
    -webkit-transition:opacity .5s linear;
    transition:opacity .5s linear
}
.mask-bg {
    background:url(../img/nd_result_bg.png?v=1) center/contain no-repeat rgba(0,0,0,.8);
    -webkit-animation:gacha-bg-rotate 50s linear infinite;
    animation:gacha-bg-rotate 50s linear infinite
}
.mask-result-pic {
    margin:.55rem 0;
    width:2.7rem
}

#shareBtn{
    position: fixed;
    z-index: 10000000;
    top: 0.25rem;
    right: 0.2rem;
    width: 0.5rem;
    display: none;
}

.nd-model-btns {
    margin:.5rem auto 0;
    width:7rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.nd-model-btns div {
    text-align:center;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:0
}
.nd-model-btn {
    background:url(../img/nd_btns.png) no-repeat;
    -webkit-background-size:3.2rem auto;
    background-size:3.2rem auto
}
.nd-combo,.nd-combo img {
    display:none;
    vertical-align:middle
}
.nd-model-btn.nd-model-btn-share {
    background:url(../img/nd_btns.png) 0 -1.1rem no-repeat;
    -webkit-background-size:3.2rem auto;
    background-size:3.2rem auto
}
.nd-combo {
    right:5%;
    bottom:3%;
    width:100%;
    text-align:right
}
.nd-combo img {
    width:.9rem
}
.nd-combo.animated {
    -webkit-animation-duration:50ms;
    animation-duration:50ms;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:shake;
    animation-name:shake;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.nd-combo-text {
    display:inline-block;
    min-width:2rem;
    line-height:1rem;
    text-align:center;
    font-size:.3rem;
    color:#000;
    background:url() no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
.nd-icon,.nd-poster-label {
    line-height:.5rem;
    position:absolute
}
.nd-combo-text span {
    margin-right:.1rem
}
.danmu {
    z-index:100;
    position:absolute;
    right:0;
    bottom:0
}
.nd-poster {
    position:relative;
    margin-left:6%;
    margin-top:6%;
    width:88%;
    height:88%
}
.nd-poster-label {
    left:2%;
    top:15%;
    font-size:.3rem;
    color:#fff;
    padding:0 .35rem;
    border-top-right-radius:1000px;
    border-bottom-right-radius:1000px;
    background-color:#f46561
}
.nd-icon {
    background:url(../img/nd_icon_jin.png) 0 50% no-repeat;
    -webkit-background-size:.5rem auto;
    background-size:.5rem auto
}
@-webkit-keyframes breath {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}@keyframes breath {
     0% {
         opacity:0
     }
     100% {
         opacity:1
     }
 }@-webkit-keyframes flash {
      from {
          background-position:0 0
      }
      to {
          background-position:-27rem 0
      }
  }@keyframes flash {
       from {
           background-position:0 0
       }
       to {
           background-position:-27rem 0
       }
   }@-webkit-keyframes shake {
        10%,14%,18%,2%,22%,36%,4%,56%,66%,94% {
            -webkit-transform:translate(.5px,0);
            transform:translate(.5px,0)
        }
        6% {
            -webkit-transform:translate(1px,0);
            transform:translate(1px,0)
        }
        20%,32%,34%,38%,48%,58%,60%,68%,70%,8%,86%,96% {
            -webkit-transform:translate(2.5px,0);
            transform:translate(2.5px,0)
        }
        12%,26%,30%,46% {
            -webkit-transform:translate(1.5px,0);
            transform:translate(1.5px,0)
        }
        16%,24%,42%,44%,50%,54%,62%,64%,74%,76%,78%,80%,82%,88%,90%,92%,98% {
            -webkit-transform:translate(-1.5px,0);
            transform:translate(-1.5px,0)
        }
        28%,40%,52%,72%,84% {
            -webkit-transform:translate(-.5px,0);
            transform:translate(-.5px,0)
        }
        0%,100% {
            -webkit-transform:translate(0,0);
            transform:translate(0,0)
        }
    }@keyframes shake {
         10%,14%,18%,2%,22%,36%,4%,56%,66%,94% {
             -webkit-transform:translate(.5px,0);
             transform:translate(.5px,0)
         }
         6% {
             -webkit-transform:translate(1px,0);
             transform:translate(1px,0)
         }
         20%,32%,34%,38%,48%,58%,60%,68%,70%,8%,86%,96% {
             -webkit-transform:translate(2.5px,0);
             transform:translate(2.5px,0)
         }
         12%,26%,30%,46% {
             -webkit-transform:translate(1.5px,0);
             transform:translate(1.5px,0)
         }
         16%,24%,42%,44%,50%,54%,62%,64%,74%,76%,78%,80%,82%,88%,90%,92%,98% {
             -webkit-transform:translate(-1.5px,0);
             transform:translate(-1.5px,0)
         }
         28%,40%,52%,72%,84% {
             -webkit-transform:translate(-.5px,0);
             transform:translate(-.5px,0)
         }
         0%,100% {
             -webkit-transform:translate(0,0);
             transform:translate(0,0)
         }
     }@-webkit-keyframes rotate {
          from {
              -webkit-transform:translate3d(0,0,0) rotate(0);
              transform:translate3d(0,0,0) rotate(0)
          }
          to {
              -webkit-transform:translate3d(0,1.2rem,0) rotate(-360deg);
              transform:translate3d(0,1.2rem,0) rotate(-360deg)
          }
      }@keyframes rotate {
           from {
               -webkit-transform:translate3d(0,0,0) rotate(0);
               transform:translate3d(0,0,0) rotate(0)
           }
           to {
               -webkit-transform:translate3d(0,1.2rem,0) rotate(-360deg);
               transform:translate3d(0,1.2rem,0) rotate(-360deg)
           }
       }@-webkit-keyframes white_flash {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }@keyframes white_flash {
             0% {
                 opacity:0
             }
             100% {
                 opacity:1
             }
         }body,html {
              position:relative;
              width:100%;
              height:100%
          }
.barrage {
    margin-top:.1rem;
    position:absolute;
    right:-5rem;
    width:5rem;
    height:.5rem;
    font-size:.38rem;
    white-space:nowrap;
    text-shadow:0 0 2px red
}
.nd-flash-wrapper,.nd-switch {
    width:100%;
    height:100%
}
@-webkit-keyframes gacha-bg-rotate {
    0% {
        -webkit-transform:scale(1.5) rotate(0) translate3d(0,0,0);
        transform:scale(1.5) rotate(0) translate3d(0,0,0)
    }
    100% {
        -webkit-transform:scale(1.5) rotate(360deg) translate3d(0,0,0);
        transform:scale(1.5) rotate(360deg) translate3d(0,0,0)
    }
}
@keyframes gacha-bg-rotate {
     0% {
         -webkit-transform:scale(1.5) rotate(0) translate3d(0,0,0);
         transform:scale(1.5) rotate(0) translate3d(0,0,0)
     }
     100% {
         -webkit-transform:scale(1.5) rotate(360deg) translate3d(0,0,0);
         transform:scale(1.5) rotate(360deg) translate3d(0,0,0)
     }
 }
.mask-content {
      margin-top:10%;
      position:relative;
      top:inherit;
      left:inherit;
      -webkit-transform:none;
      -ms-transform:none;
      transform:none;
       /*background: url("../../danji/img/bigjiang.png") no-repeat no-repeat;*/
       background-size: 100%;
      overflow:hidden
  }
.nd-flash {
    -webkit-background-size:100% auto;
    background-size:100% auto
}
.nd-flash-wrapper {
    background:0 0
}
.ndModelWrap{
    width: 100%;
    margin-top: 2.2rem;
    overflow: hidden;
}

.nd_btns3 img{
    width: 90%;
    height: 1rem;
    margin: 0 auto;
    margin-top: 0.2rem;
}



.nd-modal {
    /*margin:0 auto;*/
    width:30%;
    float: left;
    /*padding:.1rem 0 0.1rem 2.5%;*/
    margin-left: 2.5%;
    margin-top: 0.1rem;
    position: relative;
    overflow: hidden;
}

.nd-modal .check,.nd-modal .noCheck{
    width:0.4rem;
    height:0.4rem;
    position: absolute;
    left: 0.26rem;
    top: 0.26rem;
    display: none;
    z-index: 1;
}
.nd-modal .noCheck{
    display: block;
}

.onend-modal{
    margin: 0 auto;
    width: 50%;
    margin-top: 1rem;
    margin-left: 25%;
}

.threend-modal{
    margin-top: 1.3rem;
}

.nd-modal-pic{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.nd-modal-pic .sixBorder{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.nd-modal-picimg {
    /*border:.05rem solid #fcd4d4;*/
    border-radius:.1rem;
    max-width:100%;
    /*box-shadow:0 0 20px rgba(0,0,0,.55);*/
    /*-webkit-box-shadow:0 0 20px rgba(0,0,0,.55)*/
}
.nd-model-text {
    text-shadow:0 0 5px #000;
    padding:.1rem 0;
    font-size:.3rem;
    white-space:nowrap;
    word-break:break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}
.nd {
    width: 90%;
    position:relative;
    margin-top: 2rem;
    margin-left: 5%;
    /*-webkit-transform:translate3d(-50%,0,0);*/
    /*transform:translate3d(-50%,0,0);*/
    /*width:97%;*/
}
.nd-icon {
    right:0;
    width:2.4rem;
    font-size:.45rem;
    padding-left:.7rem;
    font-weight:700;
    color:#fbf72b
}
.nd-flash {
    width: 100%;
    height: 100%;
    /* margin-top:10.5%; */
    /* margin-left:16.5%; */
    animation:ease-in-out breath 2.5s infinite alternate;
    -webkit-animation:ease-in-out breath 2.5s infinite alternate;
}
.mask-bg {
    top:-25%;
    left:-25%;
    width:150%;
    height:150%;
    padding:20%;
    z-index:-1
}
.nd-model-btn {
    display:inline-block;
    width:3.2rem;
    height:1.1rem
}
.nd-combo-text {
    margin-right:0;
    width:5rem
}
.nd-exit {
    right:1%;
    top:78.8%;
    width:36%;
    height:28%
}
.nd-switch-wrapper {
    position:absolute;
    -webkit-background-size:100% 100%;
    overflow:hidden;
    background:0 0;
    left: 50%;
    transform: translateX(-54%);
    bottom: 13%;
    height: 21%;
    width: 35.4%;
}
.nd-switch img {
    width: 45%;
    top: 27.5%;
    left: 27.5%;
    /* -webkit-transform:none; */
    -ms-transform:none;
     transform:none;
    /*transform: translate(-50%, -50%);*/
}
.nd-award {
    left:23.5%
}
.nd-icon {
    top:1.8%
}
.nd-detail {
    top:10.5%;
    height:50%
}
.nd-poster-img {
    margin-left:2%;
    margin-top:8%;
    width:95%;
    height:90%;
    border-radius:.25rem
}
.nd-poster-handle {
    position:absolute;
    bottom:-.5rem;
    right:-.3rem;
    width:1.3rem;
    height:auto;
    z-index:1;
    display: none;
}

.verificationCodeWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    z-index: 9999999;
    overflow: hidden;
    display: none;
}

.codeContent{
    width: 80%;
    /*height: 5rem;*/
    padding-bottom: 0.5rem;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0.3rem;
    transform: translate(-50%,-50%);
    border-radius: 0.15rem;
    overflow: hidden;
}

.codeTitle{
    width: 100%;
    font-size: 0.3rem;
    padding: 0.2rem 0;
    text-align: center;
    overflow: hidden;
}

.codeNum{
    width: 100%;
    text-align: center;
    margin-top: 0.2rem;
    overflow: hidden;
}

.codeValWrap{
    width: 90%;
    height: 1rem;
    border: 1px solid #e5e5e5;
    margin-left: 5%;
    margin-top: 0.2rem;
    overflow: hidden;
}

.codeValWrap input{
    width: 100%;
    height: 1rem;
    border: none;
    outline: none;
    padding-left: 0.2rem;
}

.codeContent .btn{
    width: 100%;
    margin-top: 0.2rem;
    overflow: hidden;
}

.codeContent .btn .left{
    width: 50%;
    height: 0.7rem;
    float: left;
    line-height: 0.7rem;
    text-align: center;
    overflow: hidden;
}

.codeContent .btn .right{
    width: 50%;
    height: 0.7rem;
    float: left;
    line-height: 0.7rem;
    text-align: center;
    color: #47BCFF;
    overflow: hidden;
}
